iT邦幫忙

2025 iThome 鐵人賽

DAY 14
0

自定義元件的插槽

  • 插槽是指HTML起始標籤與結束標籤中間的部分,通常在使用div標籤時,其內部的插槽位置既可以放置要顯示的文案,又可以巢狀結構放置其他標籤,例如:
<div> 文案部分 </div>
<div>
    <button>按鈕</button>
</div>
  • 插槽的核心作用是將元件內部的元素抽離到外部實現,在進行自定義元件的設計時,良好的插槽邏輯可以使元件的使用更加靈活,對開發容器類型的自定義元件來說,插槽就更加重要了。
  • 在定義容器類別的元件時,開發者只需要將容器本身撰寫好,內部的內容都透過插槽來實現。

接下來將會介紹元件插槽的基本用法。


上一篇
Day 24
下一篇
Day 26
系列文
從零開始學習TypeScript、Vue.js !!30
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言